﻿@charset "utf-8";
/* CSS Document */

body{ font:12px/1.5 "Microsoft YaHei",arial,simsun,sans-serif; color:#1f1f1f; margin:0 auto; padding:0; background:#f5f5f5; overflow-x:hidden;}

/*链接整体设置*/
a{ text-decoration:none; color:#1f1f1f; transition:all linear .2s;}
a:hover{ color:#118c00;}
a:active{ color:#1f1f1f;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#a8a8a8;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#a8a8a8;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#a8a8a8;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#a8a8a8;}

/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,dl,dt,dd,form,textarea,input,select{ margin:0; padding:0; font-size:12px; font-style:normal; font-family:"Microsoft YaHei";}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ max-width:1200px; width:96%; margin:0 auto; max-height:999999px;}
@font-face{ font-family:myFont;src:url('../images/impact.ttf'); /* IE9+ */}

.pages{ overflow:hidden; padding-top:15px; text-align:center;}
.pages a{ display:inline-block; background:#fff; border:1px solid #e6e6e6; border-radius:2px; font-size:14px; color:#7a7a7a; line-height:33px; padding:0 12px; margin:0 2px;}
.pages a.cur,.pages a:hover{ background:#118c00; border-color:#118c00; color:#fff;}

/*header*********************************************************************/
.head{ position:relative; height:95px;}
.head-fixed{ width:100%; box-sizing:border-box; height:95px; background:#fff; position:fixed; top:0; left:0; z-index:10; box-shadow:1px 1px 10px rgba(0,0,0,.1);}
.logo{ margin-top:12px; margin-right:7%; float:left;}
.logo img{ height:71px;}
.nav{ width:66.667%; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; float:right;}
.nav li{ position:relative;}
.plebans{ font-size:16px; line-height:95px; position:relative;}
.plebans a{ color:#4c4c4c;}
.nav li .plebans a:hover,.nav li.cur .plebans a,.nav li.hover .plebans a{ color:#118c00; font-weight:bold;}
.head .w:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; overflow:hidden;}
.goutp{ background:#fff; position:absolute; top:95px; left:-25px; right:-25px; text-align:center; padding:10px 0px; z-index:10; box-shadow:1px 5px 5px rgba(0,0,0,.1); border-radius:0 0 5px 5px; transition:all linear .2s; display:none;}
.goutp p{ line-height:36px; font-size:14px; font-weight:500;}
.nav li.hover .goutp{ display:block;}

.banner{ position:relative; z-index:5;}
.banner .swiper-slide{ height:580px;}
.banner .swiper-pagination{ bottom:62px;}
.banner .swiper-pagination-bullet{ width:22px; height:8px; border-radius:8px; transition:all linear .2s; background:#fff; opacity:.3;}
.banner .swiper-pagination-bullet-active{ opacity:1; width:60px;}

.bg_w{ background:#fff;}
.con1_top{ display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; box-shadow:2px 2px 8px rgba(203,206,203,.35); position:relative; margin-top:-43px; z-index:6; background:#fff; border-radius:5px; overflow:hidden;}
.con1_top li{ width:25%; text-align:center; padding:12px 0; border-right:1px solid #f5f5f5; box-sizing:border-box; transition:all linear .2s;}
.con1_top li:last-child{ border-right:none;}
.con1_top li font{ font-size:14px; color:#333; display:block; line-height:37px; height:37px; overflow:hidden;}
.con1_top li em{ font-size:32px; color:#333; font-weight:bold; padding-right:5px;}
.con1_top li p{ font-size:14px; color:#808080; line-height:25px;}
.con1_top li.hover{ background:#accf03; box-shadow:2px 2px 8px rgba(172,207,3,.35);}
.con1_top li.hover font,.con1_top li.hover em,.con1_top li.hover p{ color:#fff;}

.con1_bot{ padding:35px 0;}
.titc{ text-align:center; position:relative; color:rgba(0,137,81,.1); font-size:48px; text-transform:uppercase; line-height:58px; padding-bottom:12px; font-weight:bold;}
.titc em{ display:inline-block; position:absolute; left:50%; top:18px; font-size:32px; color:#333; line-height:51px; transform:translate(-50%,0);}
.con1_txt{ padding:10px 0;}
.con1_txt p{ text-indent:2em; color:#999; font-size:16px; line-height:24px; padding:12px 0;}
.more{ text-align:center;}
.more a{ color:#fff; display:inline-block; font-size:14px; background:#accf03; line-height:44px; border-radius:5px; width:155px; box-shadow:2px 2px 8px rgba(172,207,3,.35);}
.more a:hover{ background:#118c00; color:#fff;}
.con1_txt a{ margin-top:25px;}

.con2{ padding:50px 0 60px 0;}
.pro_list{ display:flex; flex-wrap:wrap; width:102%; margin:20px 0 5px 0;}
.pro_list li{ width:23%; margin:0 2% 2% 0;}
.pro_list li a{ display:block;}
.pro_list li .pic{ background:#fff; padding:25px; height:260px; text-align:center; display:flex; justify-content:center; flex-direction:column; transition:all 0.6s;}
.pro_list li .pic img{ transition:all 0.6s; display:block; margin:0 auto; max-width:100%; max-height:100%;}
.pro_list li .pic:hover img{ transform:scale(1.05);}
.pro_list li p{ font-size:18px; color:#333; line-height:38px; height:38px; margin-top:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; text-align:center;}
.pro_list li a:hover p{ color:#118c00;}

.con3_bg{ background:url(../images/bg1.jpg) center top no-repeat;}
.con3-top{ height:600px;}
.con3-top .swiper-slide{ padding:60px 130px 0 0; box-sizing:border-box;}
.con3-top .swiper-slide h3{ color:#fff; font-size:32px; font-weight:bold; margin:25px 0 15px 0; line-height:55px; padding-bottom:10px; position:relative;}
.con3-top .swiper-slide h3:after{ content:""; display:block; position:absolute; left:0; bottom:0; background:#fff; z-index:-1; font-size:0px; overflow:hidden; width:34px; height:2px;}
.con3-top .swiper-slide p{ color:#fff; font-size:16px; line-height:28px;}
.con3-top .swiper-slide .more{ text-align:left; margin-top:35px;}
.con3-top .swiper-slide .more a{ text-align:center;}
.con3-thumbs{ padding-left:170px; box-sizing:border-box;}
.con3-thumbs b{ line-height:120px; color:#fff; font-size:32px; display:inline-block; position:absolute; left:0; top:0;}
.con3-thumbs .swiper-slide{ height:120px; display:flex; justify-content:center; flex-direction:column; text-align:center; border-left:1px solid rgba(255,255,255,.2); box-sizing:border-box; cursor:pointer;}
.con3-thumbs .swiper-slide:last-child{ border-right:1px solid rgba(255,255,255,.2);}
.con3-thumbs .swiper-slide img{ display:block; margin:0 auto; height:46px;}
.con3-thumbs .swiper-slide-thumb-active,.con3-thumbs .swiper-slide:hover{ background:rgba(0,137,81,.63);}
.con3-thumbs p{ font-size:28px; color:#fff; line-height:30px; margin-top:10px;}

.con4{ padding:50px 0; position:relative;}
.i_news{ margin-top:10px; padding:10px 0;}
.i_news .swiper-slide{ background:#fff; padding:1.6666%; box-sizing:border-box;}
.i_news .swiper-slide h3{ font-size:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; line-height:35px; position:relative; padding-bottom:14px; }
.i_news .swiper-slide h3:after{ content:""; display:block; position:absolute; left:0; bottom:0; background:#e0e0e0; z-index:1; font-size:0px; overflow:hidden; width:24px; height:1px;}
.i_news .swiper-slide h3 a{ color:#333;}
.i_news .swiper-slide p{ font-size:14px; color:#808080; line-height:25px; margin-top:15px;}
.i_news .swiper-slide .more{ text-align:left; margin-top:15px;}
.i_news .swiper-slide .more a{ text-align:center; border:1px solid #f7f7f7; background:#fff; color:#ccc; box-shadow:none;}
.i_news .swiper-slide em{ color:#b2b2b2; line-height:46px; display:inline-block; float:right;}
.i_news .swiper-slide.hover{ background:url(../images/bg2.jpg) center top no-repeat; background-size:cover; box-shadow:2px 2px 8px rgba(10,118,69,.16);}
.i_news .swiper-slide.hover h3 a{ color:#008951;}
.i_news .swiper-slide.hover h3:after{ background:#008951;}
.i_news .swiper-slide.hover .more a{ background:#accf03; color:#fff; border-color:#accf03;}

.con4 .n_prev,.con4 .n_next{ left:-60px; top:58%; width:55px; height:55px; text-align:center; line-height:55px; font-weight:bold; font-size:56px; font-family:"simsun"; color:#118c00; z-index:5;}
.con4 .n_next{ right:-60px; left:inherit;}
.con4 .n_prev:after,.con4 .n_next:after{ display:none;}
.con4 .swiper-button-next.swiper-button-disabled,.con4 .swiper-button-prev.swiper-button-disabled{ color:#ccc;}
.con4 .n_prev:hover,.con4 .n_next:hover{ opacity:1; color:#118c00;}

.news_list{ display:flex; flex-wrap:wrap; width:101.666666%;}
.news_list li{ width:31.666664%; background:#fff; margin:0 1.666666% 1.666666% 0;}

.nyban{ width:100%; height:335px;}
.nyban em{ font-size:32px; color:#fff; display:block; line-height:60px; padding-top:100px;}
.nyban p{ color:#fff; font-weight:bold; font-size:36px; line-height:66px;}
.nyban1{ background:url(../images/nyban1.jpg) center top no-repeat;}
.nyban2{ background:url(../images/nyban2.jpg) center top no-repeat;}
.nyban3{ background:url(../images/nyban3.jpg) center top no-repeat;}
.nyban4{ background:url(../images/nyban4.jpg) center top no-repeat;}
.nyban5{ background:url(../images/nyban5.jpg) center top no-repeat;}
.nyban6{ background:url(../images/nyban6.jpg) center top no-repeat;}

.location{ background:#fff; border-bottom:1px solid #f0f0f0; line-height:33px; padding:15px 0;}
.location .w{ overflow:hidden;}
.location em{ float:right; font-size:14px; color:#808080;}
.location em a{ color:#808080;}
.location span a{ color:#808080; font-size:14px; position:relative; display:inline-block; margin-right:51px;}
.location span a:after{ content:""; display:block; position:absolute; right:-20px; bottom:10px; top:10px; background:#ddd; font-size:0; overflow:hidden; width:1px;}
.location span a:last-child:after{ display:none;}
.location a:hover,.location span a.cur{ color:#118c00}

.ab_infor{ background:url(../images/bg3.jpg) center top no-repeat; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:15px;}
.ab_infor li{ width:25%; text-align:center; padding:125px 0;}
.ab_infor li font{ font-size:14px; color:#fff; display:block; line-height:37px; height:37px; overflow:hidden;}
.ab_infor li em{ font-size:32px; color:#fff; font-weight:bold; padding-right:5px;}
.ab_infor li p{ font-size:14px; color:#fff; line-height:33px;}

.history_w{ height:830px; margin:30px 0 20px 0;}
.historyc{ height:100%; overflow-y:auto;}
.historyc::-webkit-scrollbar-thumb{ background-color:#aaa; border:1px #ededed solid; border-radius:4px;}
.historyc::-webkit-scrollbar{ position:absolute; top:0; bottom:0; right:0; background-color:#ededed; width:10px; height:8px; border-radius:4px;}
.history{ position:relative; padding:90px 0 40px 0; background:url(../images/line.jpg) center top repeat-y;}
.history:before{ content:""; display:block; position:absolute; left:50%; top:0; transform:translate(-50%,0); width:23px; height:23px; background:#accf03; z-index:2; border-radius:50%;}
.history:after{ z-index:1; content:""; display:block; position:absolute; left:50%; transform:translate(-50%,0); bottom:-36px; font-size:0; overflow:hidden; width:0; height:0; border-width:18px; border-style:solid; border-color:#accf03 transparent transparent transparent;}
.history li{ padding-left:50%;}
.history li span{ display:block; font-weight:bold; font-size:32px; color:#accf03; line-height:52px; position:relative; padding-left:92px; margin-bottom:10px;}
.history li span:before{ content:""; display:block; position:absolute; left:-12px; top:50%; margin-top:-11.5px; width:84px; height:23px; background:url(../images/point1.png) center top no-repeat; z-index:3;}
.history li .txt{ font-size:16px; line-height:28px; color:#808080; padding-left:92px;}
.history li:nth-child(even){ padding:0 50% 0 0;}
.history li:nth-child(even) span{ text-align:right; padding:0 92px 0 0;}
.history li:nth-child(even) span:before{ left:auto; right:-12px; transform:rotate(180deg);}
.history li:nth-child(even) .txt{ text-align:right; padding:0 92px 0 0;}

.pro_dt{ padding:60px 0;}
.pro_dt1{ box-shadow:2px 2px 8px rgba(10,118,69,.16); border:1px solid #f5f5f5; border-radius:5px; padding:2%; box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content:space-between; background:#fff;}
.pro_dt1_pic{ display:flex; justify-content:center; flex-direction:column; overflow:hidden; width:34%; text-align:center;}
.pro_dt1_pic img{ display:block; margin:0 auto; max-height:100%; max-width:100%;}
.pro_dt1_txt{ width:58%; padding-bottom:36px;}
.pro_dt1_txt h3{ font-size:32px; font-weight:bold; color:#118c00; line-height:52px;}
.pro_dt1_txt p{ font-size:14px; line-height:24px; color:#808080; padding-left:13px;}
.pro_dt1_txt p font{ color:#333; font-size:14px; display:block; margin-top:18px; position:relative;}
.pro_dt1_txt p font:before{ content:""; display:block; position:absolute; left:-10px; top:50%; margin-top:-2.5px; width:5px; height:5px; border-radius:50%; background:#118c00; z-index:3;}
.pro_dt2{ background:#fff; margin-top:40px;}
.pro_dt2_tit{ border-bottom:1px solid #fafafa; position:relative; height:42px;}
.pro_dt2_tit em{ color:#fff; background:#118c00; line-height:42px; font-size:18px; padding:0 35px; position:relative; display:inline-block;}
.pro_dt2_tit em:after{ z-index:1; content:""; display:block; position:absolute; left:50%; transform:translate(-50%,0); bottom:-18px; font-size:0; overflow:hidden; width:0; height:0; border-width:9px; border-style:solid; border-color:#118c00 transparent transparent transparent;}
.pro_dt2 .pro_dt1_txt{ width:100%; padding:2%; box-sizing:border-box;}

.solution{ display:flex; flex-wrap:wrap; justify-content:space-between; padding:25px 0 0 0;}
.solution li{ width:23.25%; text-align:center;}
.solution li a{ display:block;}
.solution li .pic{ width:100%; display:flex; justify-content:center; flex-direction:column; overflow:hidden;}
.solution li .pic img{ display:block; margin:0 auto; max-width:100%; max-height:100%; transition:all 0.6s;}
.solution li .pic:hover img{ transform:scale(1.05);}
.solution li p{ font-size:24px; color:#333; line-height:28px; margin-top:18px; margin-bottom: 18px;}
.solution li a:hover p{ color:#118c00;}

.sol_list li{ background:#fff; padding:2.333%; box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:20px;}
.sol_list li .pic{ width:30.75%; display:flex; justify-content:center; flex-direction:column; overflow:hidden;}
.sol_list li .pic a{ display:block;}
.sol_list li .pic img{ display:block; margin:0 auto; max-width:100%; max-height:100%; transition:all 0.6s;}
.sol_list li.hover .pic img{ transform:scale(1.05);}
.sol_list li .txt{ width:66.85%;}
.sol_list li .txt h3{ font-size:24px; font-weight:bold; line-height:42px; margin-bottom:12px;}
.sol_list li .txt h3 a{ color:#333;}
.sol_list li .txt p{ font-size:14px; line-height:26px; color:#808080;}
.sol_list li .txt em{ display:block; color:#ccc; line-height:24px; margin:16px 0;}
.sol_list li .more{ text-align:left;}
.sol_list li .more a{ text-align:center; border:1px solid #f7f7f7; background:#fff; color:#ccc; box-shadow:none;}
.sol_list li.hover{ box-shadow:2px 2px 8px rgba(10,118,69,.16);}
.sol_list li.hover h3 a{ color:#008951;}
.sol_list li.hover .more a{ background:#accf03; color:#fff; border-color:#accf03;}

.sol_dt{ background:#fff; padding:10px 3.15%;}
.sol_dt_tit{ text-align:center; border-bottom:1px solid #f0f0f0; padding:20px 0;}
.sol_dt_tit h3{ color:#333; font-size:32px; line-height:52px; font-weight:bold;}
.sol_dt_tit p{ color:#ccc; line-height:28px;}
.sol_dt_txt{ padding:30px 0;}
.sol_dt_txt p{ text-indent:2em; color:#808080; font-size:14px; line-height:26px;}
.sol_dt_txt img{ display:block; margin:15px auto; max-width:100%;}

.sol_up_down{ display:flex; justify-content:space-between; border-top:1px solid #f0f0f0; line-height:32px; padding-top:10px;}
.sol_up_down li{ color:#808080; font-size:14px;}
.sol_up_down li a{ color:#808080;}
.sol_up_down li a:hover{ color:#008951;}

.news_list{ display:flex; flex-wrap:wrap; width:101.6666%;}
.news_list li{ margin:0 1.6666% 1.6666% 0;}

.c_bg{ background:#fafafa;}
.contact{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:40px;}
.contact li{ background:#fff; width:18.75%; box-sizing:border-box; padding:1.4%;}
.contact li img{ display:block; height:40px;}
.contact li b{ font-size:24px; color:#118c00; line-height:52px; margin-top:5px; display:block;}
.contact li p{ line-height:30px; color:#808080; font-size:16px;}
.contact li .ewm{ display:flex; flex-wrap:wrap; justify-content:space-between; text-align:center;}
.contact li .ewm img{ width:90px; height:90px; margin:0 auto;}
.map{ width:100%; height:520px;}
.map img{ width:100%;}

.recruit_top{ background:#118c00; line-height:57px; height:57px; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:20px;}
.recruit_top li{ font-size:16px; color:#fff; width:25.4%; text-align:center;}
.recruit_top li.last{ width:23.8%;}
.recruit_list li .recruit_infor{ border-bottom:1px dotted #e6e6e6; overflow:hidden; font-size:14px; line-height:55px; color:#333; position:relative; display:flex; flex-wrap:wrap; justify-content:space-between;}
.recruit_list li .recruit_infor em{ display:inline-block; font-size:14px; color:#333; width:25.4%; text-align:center;}
.recruit_list li .recruit_infor em.last{ width:23.8%;}
.recruit_list li .recruit_infor a{ position:absolute; right:0; top:0; color:#118c00; font-size:36px; width:58px; text-align:center; cursor:pointer;}
.recruit_list li .recruit_txt{ background:#f3f3f3; height:0; clear:both; overflow:hidden;}
.recruit_list li .recruit_txt p{ font-size:14px; color:#666;}
.recruit_list li .recruit_txt p font{ color:#333; font-size:16px;}
.recruit_list li .recruit_txt p a{ font-size:16px; color:#118c00; margin:0 10px;}
.recruit_list li .slider_more{ height:auto; padding:28px 7.5%; line-height:200%;}

/*foot style*********************************************************************/
.footer{ background:#fff; border-top:1px solid #f5f5f5;}
.f_w1{ display:flex; flex-wrap:wrap; justify-content:space-between; padding-bottom:10px;}
.f_w1_lf{ padding:35px 0;}
.f_w1_lf em{ font-size:38px; color:#008951; display:block; padding-left:36px; background:url(../images/tell.png) left center no-repeat; line-height:50px;}
.f_w1_lf p{ font-size:14px; line-height:30px; color:#808080;}
.f_w1_md{ display:flex; flex-wrap:wrap; justify-content:space-between; padding:35px 0; width:52%; padding-left:2%;}
.f_w1_md li{ width:16.666666%;}
.f_w1_md li span{ display:block; line-height:38px; margin-top:12px;}
.f_w1_md li span a{ font-size:16px; color:#808080;}
.f_w1_md li p{ line-height:30px;}
.f_w1_md li p a{ font-size:14px; color:#808080;}
.f_w1_md li a:hover{ color:#118c00;}
.f_w1_rt{ display:flex; justify-content:center; flex-direction:column;}
.f_w1_rt a{ display:inline-block;}
.f_w1_rt a img{ display:block; margin:0 auto; max-height:100%; max-width:100%;}
.foot{ text-align:center; border-top:2px solid #f5f5f5; font-size:14px; color:#ccc; line-height:52px;}


.pagelist{width:100%;height:37px; padding-top:30px; padding-bottom:50px; text-align:center;}
.pagelist a{ padding:1px 13px; height:32px;display:inline-block; background-color:#f1f1f1; border-radius: 5px; border:#c1c1c1 solid 1px;  text-align:center;line-height:32px;margin-left:0px;font-size:14px;color:#3e3e3e; cursor:pointer;}
.pagelist a:hover ,.pagelist a.selected{ background-color:#118c00; color:#fff; border:#118c00 solid 1px; padding:1px 13px; cursor:pointer;}
.pagelist span{height:32px;display:inline-block;margin-left:14px;line-height:32px;text-align:center;font-size:14px;color:#999999;}